<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="description" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- The above 4 meta tags *must* come first in the head; any other head content must come *after* these tags -->

    <!-- Title -->
    <title>Original - Lifestyle Blog Template</title>

    <!-- Favicon -->
    <link rel="icon" href="img/material/icon.jpg">

    <!-- Style CSS -->
    <link rel="stylesheet" href="style.css">

    <link rel="stylesheet" href="css/friendshiplink.css">

</head>

<body>
    <!-- Preloader -->
    <div id="preloader">
        <div class="preload-content">
            <div id="original-load"></div>
        </div>
    </div>

    <!-- Subscribe Modal -->
    <div class="subscribe-newsletter-area">
        <div class="modal fade" id="subsModal" tabindex="-1" role="dialog" aria-labelledby="subsModal"
            aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <div class="modal-body">
                        <h5 class="title">Subscribe to my newsletter</h5>
                        <form action="#" class="newsletterForm" method="post">
                            <input type="email" name="email" id="subscribesForm2" placeholder="Your e-mail here">
                            <button type="submit" class="btn original-btn">Subscribe</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Header Area Start -->
    <header class="header-area">
        <!-- Top Header Area -->
        <div class="top-header">
            <div class="container h-100">
                <div class="row h-100 align-items-center">
                    <!-- Breaking News Area -->
                    <div class="col-12 col-sm-8">
                        <div class="breaking-news-area">
                            <div id="breakingNewsTicker" class="ticker">
                                <ul>
                                    <li><a href="#">Hello World!</a></li>
                                    <li><a href="#">Hello Universe!</a></li>
                                    <li><a href="#">Hello Original!</a></li>
                                    <li><a href="#">Hello Earth!</a></li>
                                    <li><a href="#">Hello Colorlib!</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- Top Social Area -->
                    <div class="col-12 col-sm-4">
                        <div class="top-social-area">
                            <h5>手动@全世界第一乖林小乖</h5>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Logo Area -->
        <div class="logo-area text-center">
            <div class="container h-100">
                <div class="row h-100 align-items-center">
                    <div class="col-12">
                        <a href="index.html"><img src="img/font/pic5.png" style="width: 900px;display: none;"alt=""class="font"></a>
                    </div>
                </div>
            </div>
        </div>
        <!-- <img src="img/font/pic4.png" alt="" class="original-logo"> -->

        <!-- Nav Area -->
        <div class="original-nav-area" id="stickyNav">
            <div class="classy-nav-container breakpoint-off">
                <div class="container">
                    <!-- Classy Menu -->
                    <nav class="classy-navbar justify-content-between">

                        <!-- Subscribe btn -->
                        <div class="subscribe-btn">
                            <a href="#" class="btn subscribe-btn" data-toggle="modal"
                                data-target="#subsModal">Subscribe</a>
                        </div>

                        <!-- Navbar Toggler -->
                        <div class="classy-navbar-toggler">
                            <span class="navbarToggler"></span>
                        </div>

                        <!-- Menu -->
                        <div class="classy-menu" id="originalNav">
                            <!-- close btn -->
                            <div class="classycloseIcon">
                                <div class="cross-wrap"><span class="top"></span><span class="bottom"></span></div>
                            </div>

                            <!-- Nav Start -->
                            <div class="classynav">
                                <ul>
                                    <li><a href="login.html">login</a>
                                    <li><a href="index.html">Home</a></li>
                                    <li><a href="blog.html">blog</a></li></li>
                                    <li><a href="diaries.html">DIARIES</a></li>
                                    <li><a href="friendshiplink.html">friendshiplink</a></li>
                                    <li><a href="comments.html">comments</a></li>
                                </ul>

                                <!-- Search Form  -->
                                <div id="search-wrapper">
                                    <form action="#">
                                        <input type="text" id="search" placeholder="Search something...">
                                        <div id="close-icon"></div>
                                        <input class="d-none" type="submit" value="">
                                    </form>
                                </div>
                            </div>
                            <!-- Nav End -->
                        </div>
                    </nav>
                </div>
            </div>
        </div>
    </header>
    <!-- ##### Header Area End ##### -->
    <!-- ##### Container Area Start ##### -->
    <div class="container-blog">
        <div class="container-fixed">
            <ul class="link-list">
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="http://www.wensoul.com/" target="_blank">
                            <img src="http://www.wensoul.com/static/img/avatar.bea407a.jpg">
                            <h3>墨染</h3>
                            <p>谦谦君子，温润如玉</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="https://honglinwang.com" target="_blank">
                            <img src="https://honglinwang.com/img/20200530153221.png">
                            <h3>心斋</h3>
                            <p>山外青山楼外楼</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="http://www.lzqcode.com" target="_blank">
                            <img src="http://www.lzqcode.com/images/admin_img.png">
                            <h3>ZQ个人博客</h3>
                            <p>只要朝着一个方向努力，一切都会变得得心应手</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="https://www.zzzlxx.cn" target="_blank">
                            <img src="https://www.zzzlxx.cn/uploads/20200603/6b3d60f3cee3a537546b6c7c2778fc7d.jpg">
                            <h3>Peter.Zhu</h3>
                            <p>这是一个关注PHP技术的个人博客，分享学习成果和工作总结。</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="http://www.pockes.top" target="_blank">
                            <img src="https://s1.ax1x.com/2020/06/01/tJeL5D.png">
                            <h3>大鱿鱼</h3>
                            <p>一个让零食更有味道的网站。</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="https://xjf666.xyz" target="_blank">
                            <img src="https://xjf666.xyz/image/logo.ico">
                            <h3>学教府</h3>
                            <p>业精于勤荒于嬉，行成于思毁于随</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="https://www.mrzxy.cn" target="_blank">
                            <img src="https://www.mrzxy.cn/static/home.ico">
                            <h3>mr.zxy</h3>
                            <p>天行健，君子以自强不息。地势坤，君子以厚德载物。</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="http://www.oowoo.cn" target="_blank">
                            <img src="http://index.oowoo.cn/favicon.png">
                            <h3>泡泡网</h3>
                            <p>泡泡(oOWOo):oOWOo.cn是一个java学习交流的个人网站</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="https://www.yangguangdream.com" target="_blank">
                            <img src="https://www.yangguangdream.com/zb_users/theme/zbpNana/image/favicon.ico">
                            <h3>阳光梦想</h3>
                            <p>阳光梦想，存在创造价值</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="https://www.shisanyue.site" target="_blank">
                            <img src="https://img.shisanyue.site/logo.png">
                            <h3>十三月</h3>
                            <p>十三月·若能让此刻永恒，我愿用生命交换！ </p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="https://www.zys97.com" target="_blank">
                            <img src="https://s1.ax1x.com/2020/03/28/GApI3D.png">
                            <h3>Yu Shan的博客</h3>
                            <p>Yu Shan的博客</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="https://www.seghart.com" target="_blank">
                            <img src="https://www.seghart.com/favicon.ico">
                            <h3>天空之城</h3>
                            <p>迷倒我的不是彩虹，而是在我面前，看彩虹的人</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="https://www.tjzzz.com" target="_blank">
                            <img src="https://tjzzz.com/img/avatar.png">
                            <h3>编程与诗</h3>
                            <p>一个主播和程序员的奇妙结合体</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="https://www.xilikeli.cn" target="_blank">
                            <img src="https://bjck.xilikeli.cn/a562353f00e7421080ee9ce4842f310b.jpg">
                            <h3>博击长空</h3>
                            <p>简单的事情重复做,重复的事情坚持做,坚持的事情用心做。</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="http://www.jsfan.net/" target="_blank">
                            <img src="http://www.jsfan.net/studen.ico">
                            <h3>Youngster</h3>
                            <p>热爱前端开发，每天GET一个新知识</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="https://www.modestfun.com/" target="_blank">
                            <img src="https://www.modestfun.com:8080/img/?name=logo">
                            <h3>ModestFun</h3>
                            <p>ModestFun | React 技术交流分享</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="http://vectorjzc.top" target="_blank">
                            <img src="http://vectorjzc.top/logo/town.jpg">
                            <h3>Vector-Blog</h3>
                            <p>一个跨专业的前端萌新</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="https://www.fengchenju.xyz" target="_blank">
                            <img src="https://www.fengchenju.xyz/avatar.png">
                            <h3>封尘居</h3>
                            <p>热爱并坚持使用.NET的全栈开发者的博客</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="https://1x77.com" target="_blank">
                            <img src="https://1x77.com/tx.png">
                            <h3>77’s 博客</h3>
                            <p>专注机械设计分享</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="https://www.zjhuiwan.cn" target="_blank">
                            <img src="https://www.zjhuiwan.cn/blogImg/otherImg/zjblog.png">
                            <h3>ZJBLOG</h3>
                            <p>一个java小菜鸡的个人空间，分享技术、记录生活。</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="http://www.tanj.com.cn" target="_blank">
                            <img src="http://www.tanj.com.cn/public/img/lg.png">
                            <h3>TanJia</h3>
                            <p>一个前端程序员的个人博客 | 心之所向，无问西东</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="https://www.arcinbj.com" target="_blank">
                            <img src="https://www.arcinbj.com/avatar">
                            <h3>在码圈</h3>
                            <p>代码改变未来，努力codeing</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="https://wnag.com.cn" target="_blank">
                            <img src="https://avatar.wnag.com.cn/gravatar.png">
                            <h3>可定博客</h3>
                            <p>点进来的，都是各个方面的大佬~ </p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="https://www.xmlvhy.com" target="_blank">
                            <img src="https://static.xmlvhy.com/upload/logo.jpg">
                            <h3>AI码真香</h3>
                            <p>AI码真香|Java技术交流，技术分享，资源分享</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="http://www.zhua91.com" target="_blank">
                            <img src="http://www.zhua91.com/favicon.ico">
                            <h3>Zhua 个人博客</h3>
                            <p>斯人若彩虹，遇上方知有</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="https://www.icqcore.com/" target="_blank">
                            <img src="https://www.icqcore.com/Static/image/logo.jpg">
                            <h3>旧时光°</h3>
                            <p>.NET Core技术分享</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="https://guanchao.site" target="_blank">
                            <img src="https://guanchao.site/uploads/website/5c093bf268185.png">
                            <h3>时间里的</h3>
                            <p>技术博客</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="https://www.lwjppz.cn" target="_blank">
                            <img src="https://www.lwjppz.cn/upload/2020/3/1001433986-d4890b9f6b9e4a63a486cb597639caa5.jpeg">
                            <h3>罗罗</h3>
                            <p>一个非常不爱敲代码的大学生</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="https://www.zwqh.top" target="_blank">
                            <img src="https://img.zwqh.top/logo/zwqh_logo_4.png">
                            <h3>朝雾轻寒</h3>
                            <p>持之以恒</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="https://itudo.cn" target="_blank">
                            <img src="https://itudo.cn/head.png">
                            <h3>我爱吃土豆</h3>
                            <p>一个爱吃土豆的程序员</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="http://www.tanqingfu.xyz" target="_blank">
                            <img src="http://www.tanqingfu.xyz/images/logo_.png">
                            <h3>TAN博客</h3>
                            <p>TAN博客-努力不会徒劳</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="https://www.ahoom.cn" target="_blank">
                            <img src="https://s2.ax1x.com/2019/12/09/Q0kfzj.png">
                            <h3>享巴巴</h3>
                            <p>享巴巴</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div">
                        <a href="https://www.zswblog.xyz" target="_blank">
                            <img src="https://www.zswblog.xyz/static/img/z2.e0dd827.jpg">
                            <h3>张晟玮博客</h3>
                            <p>追求自我，成为更完美！</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="http://www.love208.vip" target="_blank">
                            <img src="http://cdn.love208.vip/logo.png">
                            <h3>洋芋 &amp; 土豆</h3>
                            <p>用来记录我们两人相识、相恋过程中的点点滴滴，留住两个人的美好回忆。上班后这里也变成了有技术文章的笔记站，如果你喜欢我们的情侣博客，记得留言互动！</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="http://www.baocaige.top" target="_blank">
                            <img src="http://www.baocaige.top/favicon.ico">
                            <h3>Liu_Cabbage</h3>
                            <p>一叶浮萍归大海，人生何处不相逢</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="https://zhousiwei.gitee.io/" target="_blank">
                            <img src="https://zhousiwei.gitee.io/yilia-plus-demo/img/head.jpg">
                            <h3>一款简洁优雅的hexo主题</h3>
                            <p>一个简洁优雅的hexo主题 A simple and elegant theme for hexo.可以快速使用上手。</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="http://www.yanzhaochang.top" target="_blank">
                            <img src="http://q1.qlogo.cn/g?b=qq&amp;nk=1070650845&amp;s=100">
                            <h3>静待花开</h3>
                            <p>愿时光不负有心人</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="http://www.4jax.net/log/" target="_blank">
                            <img src="http://www.4jax.net/log/favicon.ico">
                            <h3>无名的碎语</h3>
                            <p>无名的碎语</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="https://www.eyesmoons.com" target="_blank">
                            <img src="https://www.eyesmoons.com/templates/sheng/images/eyesmoons.ico">
                            <h3>月眸</h3>
                            <p>java技术交流，技术分享，资源分享</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="http://www.qbl.link" target="_blank">
                            <img src="http://www.qbl.link/Content/Web/favicon.ico">
                            <h3>Q-Blog</h3>
                            <p>一个.NET程序员的个人博客</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="http://www.goodym.cn/" target="_blank">
                            <img src="http://www.goodym.cn/res/images/yumi-logo.png">
                            <h3>马王天地</h3>
                            <p>马王天地-java项目源码分享网-一个专业的Java知识分享平台</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="https://www.jensonhui.top" target="_blank">
                            <img src="https://jensonhui.top/usr/themes/single/img/icon/192.png">
                            <h3>Jensonhui's bolg</h3>
                            <p>The Harder You Work , The Luckier You Will Be .</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="https://yangsihan.com" target="_blank">
                            <img src="https://www.yangsihan.com/static/css/logo.png">
                            <h3>杨学峰博客</h3>
                            <p>一个Python程序员的博客。记录和分享学习的心得,感悟生活,留住感动,静静寻觅生活的美好</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="http://www.yangqq.com/" target="_blank">
                            <img src="http://www.yangqq.com/favicon.ico">
                            <h3>杨青个人博客</h3>
                            <p>杨青个人博客</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="https://www.lkxin.cn" target="_blank">
                            <img src="https://www.lkxin.cn/tx.jpg">
                            <h3>清酒踏月</h3>
                            <p>清酒博客，分享快乐。</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="https://www.welphen.com" target="_blank">
                            <img src="https://www.welphen.com/resources/images/Logo_40.png">
                            <h3>WELPHEN</h3>
                            <p>一个JAVA程序猿的个人博客！</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="http://daohang.lusongsong.com/" target="_blank">
                            <img src="http://daohang.lusongsong.com/favicon.ico">
                            <h3>卢松松的博客</h3>
                            <p>卢松松的博客</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="http://l2h.site" target="_blank">
                            <img src="http://l2h.site/images/favicon.ico?v=7.4.0">
                            <h3>L&amp;H Site</h3>
                            <p>L&amp;H's Site</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="https://moshanghua.net" target="_blank">
                            <img src="https://moshanghua.net/favicon.ico">
                            <h3>筱陌之家</h3>
                            <p>陌上花的小窝！前端博客，个人前端笔记与案例展示、学习经验交流！这里有我的故事，欢迎你来倾听~陌上花开，可缓缓归矣！</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="https://www.ad-s.cn/" target="_blank">
                            <img src="https://tp.corli.cn/data/f_37774230.jpg">
                            <h3>冰封博客</h3>
                            <p>一位孤独的旅人</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="http://www.jiangxindc.com" target="_blank">
                            <img src="http://www.jiangxindc.com/favicon.ico">
                            <h3>AiLinkLif</h3>
                            <p>Java教程博客，人工智能技术博客，分享技术，分享生活，分享资料</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="https://www.lmcjl.com/" target="_blank">
                            <img src="https://www.lmcjl.com/public/UserHeadImage/lmcjl1.jpg">
                            <h3>LmCjl在线工具</h3>
                            <p>LmCjl在线工具</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="http://www.supert.net.cn" target="_blank">
                            <img src="https://www.yanshisan.cn/image/logo/user.jpg">
                            <h3>七年。</h3>
                            <p>七年。个人博客</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="container_div wow fadeInUp">
                        <a href="http://www.leo96.com" target="_blank">
                            <img src="https://www.yanshisan.cn/image/logo/Leo.jpg">
                            <h3>不落阁</h3>
                            <p>不落阁 - 一个.NET程序员的个人博客</p>
                        </a>
                    </div>
                </li>

        </ul>
        </div>

    </div>
    <!-- ##### Container Area End ##### -->

    <div class="instagram-feed-area">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="insta-title">
                        <h5>手动@全世界第一大可爱林小乖</h5>
                    </div>
                </div>
            </div>
        </div>
        <!-- Instagram Slides -->
        <div class="instagram-slides owl-carousel">
            <!-- Single Insta Feed -->
            <div class="single-insta-feed">
                <img src="img/instagram-img/1.png" alt="">
                <!-- Hover Effects -->
                <div class="hover-effects">
                    <a href="#" class="d-flex align-items-center justify-content-center"><i
                            class="fa fa-instagram"></i></a>
                </div>
            </div>
            <!-- Single Insta Feed -->
            <div class="single-insta-feed">
                <img src="img/instagram-img/2.png" alt="">
                <!-- Hover Effects -->
                <div class="hover-effects">
                    <a href="#" class="d-flex align-items-center justify-content-center"><i
                            class="fa fa-instagram"></i></a>
                </div>
            </div>
            <!-- Single Insta Feed -->
            <div class="single-insta-feed">
                <img src="img/instagram-img/3.png" alt="">
                <!-- Hover Effects -->
                <div class="hover-effects">
                    <a href="#" class="d-flex align-items-center justify-content-center"><i
                            class="fa fa-instagram"></i></a>
                </div>
            </div>
            <!-- Single Insta Feed -->
            <div class="single-insta-feed">
                <img src="img/instagram-img/4.png" alt="">
                <!-- Hover Effects -->
                <div class="hover-effects">
                    <a href="#" class="d-flex align-items-center justify-content-center"><i
                            class="fa fa-instagram"></i></a>
                </div>
            </div>
            <!-- Single Insta Feed -->
            <div class="single-insta-feed">
                <img src="img/instagram-img/5.png" alt="">
                <!-- Hover Effects -->
                <div class="hover-effects">
                    <a href="#" class="d-flex align-items-center justify-content-center"><i
                            class="fa fa-instagram"></i></a>
                </div>
            </div>
            <!-- Single Insta Feed -->
            <div class="single-insta-feed">
                <img src="img/instagram-img/6.png" alt="">
                <!-- Hover Effects -->
                <div class="hover-effects">
                    <a href="#" class="d-flex align-items-center justify-content-center"><i
                            class="fa fa-instagram"></i></a>
                </div>
            </div>
            <!-- Single Insta Feed -->
            <div class="single-insta-feed">
                <img src="img/instagram-img/7.png" alt="">
                <!-- Hover Effects -->
                <div class="hover-effects">
                    <a href="#" class="d-flex align-items-center justify-content-center"><i
                            class="fa fa-instagram"></i></a>
                </div>
            </div>
        </div>
    </div>
    <!-- ##### Instagram Feed Area End ##### -->

    <!-- ##### Footer Area Start ##### -->
    <footer class="footer-area text-center">
        <div class="container">
            <div class="row">
                <div class="col-12">

                    <!-- Footer Nav Area -->
                    <div class="classy-nav-container breakpoint-off">
                        <!-- Classy Menu -->
                        <nav class="classy-navbar justify-content-center">

                            <!-- Navbar Toggler -->
                            <div class="classy-navbar-toggler">
                                <span class="navbarToggler"><span></span><span></span><span></span></span>
                            </div>

                            <!-- Menu -->
                            <div class="classy-menu">

                                <!-- close btn -->
                                <div class="classycloseIcon">
                                    <div class="cross-wrap"><span class="top"></span><span class="bottom"></span></div>
                                </div>

                                <!-- Nav Start -->
                                <div class="classynav">
                                    <ul>
                                        <li><a href="#">Home</a></li>
                                        <li><a href="#">About Us</a></li>
                                        <li><a href="#">Lifestyle</a></li>
                                        <li><a href="#">travel</a></li>
                                        <li><a href="#">Music</a></li>
                                        <li><a href="#">Contact</a></li>
                                    </ul>
                                </div>
                                <!-- Nav End -->
                            </div>
                        </nav>
                    </div>

                    <!-- Footer Social Area -->
                    <div class="footer-social-area mt-30">

                    </div>
                </div>
            </div>
        </div>

        <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
        <!-- Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart-o" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a> -->
        <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->

    </footer>
    <!-- ##### Footer Area End ##### -->

    <!-- jQuery (Necessary for All JavaScript Plugins) -->
    <script src="js/jquery/jquery-2.2.4.min.js"></script>
    <!-- Popper js -->
    <script src="js/popper.min.js"></script>
    <!-- Bootstrap js -->
    <script src="js/bootstrap.min.js"></script>
    <!-- Plugins js -->
    <script src="js/plugins.js"></script>
    <!-- Active js -->
    <script src="js/active.js"></script>
    <!-- Index js -->
    <script src="js/diaries.js"></script>

</body>

</html>